<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- CSS -->
        <link type="text/css" href="css/themes/start/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
        <link href="css/General.css" type="text/css" rel="stylesheet"/>
        <link href="css/TablaDatos.css" type="text/css" rel="stylesheet"/>
        <!-- JS  -->
            <!-- JQUERY AND UI -->
        <script type="text/javascript" src="js/plugins/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery-ui-1.8.17.custom.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.tabs.min.js"></script>
        <script type="text/javascript" src="js/TablaDatos.js"></script>

            <!-- VALIDACIONES -->
        <script type="text/javascript" src="js/general.js"></script>
        <script type="text/javascript" src="js/VistaEstudiante.js"></script>

            <!-- NATIVO -->
            <script type="text/javascript">
                $(function() {
                        $("#tabs").tabs();
                });
            </script>
        
        <title></title>
        <style>
            body
            {
                background-image:url('Imagenes/fondo2.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>
    </head>
    <body ondrag="return false" ondrop="return false">
        <table>
            <tr>
                <td valing="top" colspan="2" >
                    <?php include "Head.php";?>
                </td>
            </tr>
            <tr>
                <td valing="top">
                    <?php include "Menu.php";?>
                </td>
                <!--<td width="835" height="680" valign="top">-->
                <td width="662" height="680" valign="top">
                    <div id="tabs">
                        <ul>
                            <li><a href="#tabs-1">Listado</a></li>
                            <li><a href="#tabs-2">Datos</a></li>
                        </ul>
                        <div id="tabs-1">
                            <div id="tablaDatos" style="width:600px;margin:0 auto;overflow: auto;height: 300px;">
                            </div>
                        </div><!-- LISTADO -->
                        <div id="tabs-2">
                            <form id="frmEstudiante" name="frmEstudiante" action="">
                                <table id="tblContenedor" name="tblContenedor">
                                    <tr><!--
                                        <td valign="top" style="padding-top: 30px;">
                                            <div style="width: 150px;height: 180px;border:1px solid black;"></div>
                                            <input id="btnFoto" name="btnFoto" type="button" value="Examinar" />
                                        </td>-->
                                        <td>
                                            <table cellspacing="20" id="tblFormulario" name="tblFormulario">
                                                <tr>
                                                    <td colspan="2" style="border-bottom: 1px solid black;">
                                                        Acudiente:
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        *Documento acudiente:<br/>
                                                        <input id="txtDocumentoAcudiente" name="txtDocumentoAcudiente" type="text" onkeypress="return validarNumero(event);" size="30" maxlength="12"/>
                                                    </td>
                                                    <td>
                                                        <span id="nombreAcudiente" name="nombreAcudiente"></span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" style="border-bottom: 1px solid black;">
                                                        Estudiante:
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span>*Documento:</span><br/>
                                                        <input id="txtDocumento" name="txtDocumento" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="12"/>
                                                    </td>
                                                    <td>
                                                        <span>*Correo electronico:</span><br/>
                                                        <input id="txtEmail" name="txtEmail" type="text" size="30" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span>*Primer nombre:</span><br/>
                                                        <input id="txtPrimerNombre" name="txtPrimerNombre" type="text" size="30" />
                                                    </td>
                                                    <td>
                                                        <span>Segundo nombre:</span><br/>
                                                        <input id="txtSegundoNombre" name="txtSegundoNombre" type="text" size="30" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span>*Primer apellido:</span><br/>
                                                        <input id="txtPrimerApellido" name="txtPrimerApellido" type="text" size="30" />
                                                    </td>
                                                    <td>
                                                        <span>Segundo apellido:</span><br/>
                                                        <input id="txtSegundoApellido" name="txtSegundoApellido" type="text" size="30" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span>*Direccion:</span><br/>
                                                        <input id="txtDireccion" name="txtDireccion" type="text" size="30" />
                                                    </td>
                                                    <td>
                                                        <span>Barrio:</span><br/>
                                                        <input id="txtBarrio" name="txtBarrio" type="text" size="30" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span>*Telefono:</span><br/>
                                                        <input id="txtTelefono" name="txtTelefono" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="7"/>
                                                    </td><!--
                                                    <td>
                                                        <span>Celular:</span><br/>
                                                        <input id="txtcelular" name="txtCelular" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="10"/>
                                                    </td>-->
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </form>
                        </div><!-- FORMULARIO -->
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>
